@charset 'UTF-8';

@font-face {
	font-family: 'harmonyos_sansregular';
	font-weight: 400;
	font-style: normal;
	src: url('../fonts/harmonyos_sans_regular-webfont.woff2') format('woff2'), url('../fonts/harmonyos_sans_regular-webfont.woff') format('woff');
}

@font-face {
	font-family: 'harmonyos_sansbold';
	src: url('../fonts/harmonyos_sans_bold-webfont.woff2') format('woff2'), url('../fonts/harmonyos_sans_bold-webfont.woff') format('woff');
}

@font-face {
	font-family: 'harmonyos_sanslight';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/harmonyos_sans_light-webfont.woff2') format('woff2'), url('../fonts/harmonyos_sans_light-webfont.woff') format('woff');
}

* {
	margin: 0;
	padding: 0;
	outline: none;
}

ul,
li {
	list-style-type: none;
}
ul.list-style-cicle,
ul.list-style-cicle li{
	list-style-type: initial;
}
ul.list-style-cicle{
	padding-left: 20px;
	line-height: 1.95em;
}
h1,
h2,
h3,
h4,
h5,
b,
strong {
	font-family: 'harmonyos_sansbold', Helvetica, Arial, sans-serif;
}

html,
body {
	font-family: 'harmonyos_sansregular';
}

a {
	text-decoration: none;
	color: #333;
}

a:hover,
a:focus {
	text-decoration: none;
	color: #333;
	-webkit-tap-highlight-color: transparent;
}

p {
	margin: 0;
	font-size: 1em;
	line-height: 1.95em;
	color: #666;
}

h1 {
	font-size: 2.5em;
	line-height: 1.5em;
	color: #333;
}

@media (min-width:768px) {
	h1 {
		font-size: 2.5em;
	}

}

h2 {
	font-size: 1.9em;
	line-height: 1.5em;
	color: #333;
}

@media (min-width:768px) {
	h2 {
		padding: 0 10%;
		font-size: 1.9em;
	}

}

h3 {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #333;
}

h4 {
	margin: 0;
	font-size: 1em;
	line-height: 1.95em;
	color: #333;
}

img {
	max-width: 100%;
	border-style: none;
}

.imgauto {
	width: 100%;
}

.border-bottom {
	border-bottom: 1px solid #ddd !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb70 {
	margin-bottom: 35px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 20px !important;
}

.mb20 {
	margin-bottom: 10px !important;
}

.mt40 {
	margin-top: 20px !important;
}

.mb30 {
	margin-bottom: 15px !important;
}

.pt40 {
	padding-top: 20px !important;
}

.pt20 {
	padding-top: 10px !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-center-img img {
	display: block !important;
	margin: 15px auto !important;
}

.text-center-img p {
	margin-bottom: 10px;
}

.bg-grey {
	background-color: #f7f7f7;
}

.txt-color-333 {
	color: #333 !important;
}

@media (min-width:992px) {
	.mb70 {
		margin-bottom: 70px !important;
	}
	.mb40 {
		margin-bottom: 40px !important;
	}

	.mt40 {
		margin-top: 40px !important;
	}

	.mb20 {
		margin-bottom: 20px !important;
	}

	.mb30 {
		margin-bottom: 30px !important;
	}

	.pt40 {
		padding-top: 40px !important;
	}

	.pt20 {
		padding-top: 20px !important;
	}

	.pl30 {
		padding-left: 30px !important;
	}

	.margin-bottom-4-0 .card-wrap:nth-child(5) .card,
	.margin-bottom-4-0 .card-wrap:nth-child(6) .card,
	.margin-bottom-4-0 .card-wrap:nth-child(7) .card {
		margin-bottom: 0 !important;
	}

	.text-center-img img {
		margin: 30px auto !important;
	}
	.modal-body{
		padding: 15px 30PX;
	}
}

@media (min-width:768px) {
	.s-mt0 {
		margin-top: 0 !important;
	}
	.modal-dialog{
		margin-top: 60px;
	}
}

.position-relative {
	position: relative;
}

.mobile-menu-open {
	overflow: hidden;
}

.mobile-menu-open header.fixed.header-hide {
	top: 0;
}

.content-box {
	position: relative;
	text-align: center;
}

.content-box h2 {
	position: relative;
	display: inline-block;
	float: none !important;
	max-width: 80%;
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
	text-align: center;
	color: #333;
}

.title-box h2 {
	display: table;
	clear: both;
	margin: 0 auto;
}

.content-box h2:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 30%;
	min-width: 35px;
	height: 2px;
	margin-left: -15%;
	content: '';
	background-color: #009ab2;
}

.container-custom {
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width:768px) {
	.container {
		width: 100%;
	}

}

@media (min-width:992px) {
	html,
	body {
		font-size: 16px;
	}

	.container-custom {
		width: 85.652%;
		max-width: 1430.016px;
	}

	.container {
		width: 93.705%;
		max-width: 1799.136px;
	}

}

html,
body {
	scroll-behavior: smooth;
}

@media (min-width:1440px) {
	html,
	body {
		font-size: 17px;
	}

}

@media (min-width:1680px) {
	html,
	body {
		font-size: 18px;
	}

}

.icon-arrow-right {
	display: inline-block;
	visibility: visible;
	width: 7px;
	height: 7px;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	color: #fff;
	border-width: 0 1px 1px 0;
	border-style: solid;
}

.top-nav {
	position: relative;
	z-index: 130;
}

.top-nav .top-nav-height {
	position: fixed;
	z-index: 100;
	bottom: 0;
	left: 100%;
	width: 100%;
	height: 100px;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	text-align: center;
	background-color: #111;
	background-color: transparent;
}

.top-nav .top-nav-height.hide-down {
	bottom: -100px !important;
}

.top-nav .top-nav-height.in {
	bottom: 200px;
	left: 0;
}

.top-nav .top-nav-height .pull-right {
	float: none !important;
}

.top-nav .top-nav-height a {
	display: inline-block;
	overflow: hidden;
	width: 24%;
	margin: 0;
	line-height: 48px;
	vertical-align: top;
	color: #666;
}

@media (max-width:1025px) {
	.top-nav .top-nav-height a {
		line-height: 20px;
	}

}

.top-nav .top-nav-height a span {
	line-height: inherit;
}

.top-nav .top-nav-height a .iconfont {
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 auto;
	font-size: 24px;
	color: #333;
	border: 1px solid #666;
	border-radius: 100%;
}

.top-nav .top-nav-height a span img {
	display: none;
}

@media (max-width:1024px) {
	.top-nav .top-nav-height a .iconfont {
		line-height: 48px;
	}

	.top-nav .top-nav-height a span img.md-show {
		display: inline-block !important;
		margin-top: -4px;
	}

}

@media (max-width:1024px) {
	.top-nav .top-nav-height a .text {
		display: inline-block;
		margin-top: 5px;
	}
	.mb24 {
		margin-bottom: 20px !important;
	}
	.teaser {
		margin-top: 0 !important;
	}

}

.top-nav .top-nav-content {
	position: fixed;
	z-index: 130;
	top: 66px;
	bottom: 0;
	left: 100%;
	overflow-y: auto;
	width: 100%;
	padding-top: 30px;
	-webkit-transition: left .5s;
	transition: left .5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background-color: #f7f7f7;
	-webkit-overflow-scrolling: touch;
}

.top-nav .top-nav-content.in {
	left: 0;
}

.top-nav .top-nav-content .title {
	margin: 20px 0;
	font-size: 18px;
	font-weight: bold;
}

@media (max-width:992px) {
	.top-nav .top-nav-content .title {
		margin: 20px 0 13px 0;
	}

}

.top-nav .top-nav-content .group-website {
	padding: 0 6px;
}

.top-nav .top-nav-content .group-website.chide,
.top-nav .top-nav-content .worldwide.chide {
	display: none;
}

.top-nav .top-nav-content .group-website .title {
	padding-bottom: 10px;
	border-bottom: 1px solid #d4d4d4;
}

.top-nav .top-nav-content .group-website dl {
	margin-bottom: 10px;
	padding: 0 5px;
	border-bottom: 1px solid #d4d4d4;
}

.top-nav .top-nav-content .group-website dl dt {
	font-size: 1em;
}

.top-nav .top-nav-content .group-website dl dt > span {
	display: inline-block;
	margin-bottom: 10px;
}

.top-nav .top-nav-content .group-website dl dt a {
	display: block;
	min-height: 36px;
	font-weight: normal;
}

.top-nav .top-nav-content .group-website dl dt a.active {
	font-weight: bold;
}

.top-nav .top-nav-content .group-website dl dt span.active .icon-arrow-right {
	width: 6px;
	height: 6px;
	margin-right: 5px;
	vertical-align: middle;
	color: #333;
}

@media (max-width:992px) {
	.top-nav .top-nav-content .group-website dl dt a {
		display: block;
		min-height: auto;
		margin-bottom: 10px;
	}

}

.top-nav .top-nav-content .group-website dl dd {
	padding: 10px 0;
	font-size: .875em;
	color: #808080;
}

@media (max-width:992px) {
	.top-nav .top-nav-content .group-website dl dd {
		display: none;
	}

}

.top-nav .top-nav-content .worldwide {
	padding: 0 6px;
}

.top-nav .top-nav-content .worldwide .worldwide-language {
	padding-bottom: 10px;
	border-bottom: 1px solid #d4d4d4;
}

.top-nav .top-nav-content .worldwide .worldwide-contact ul {
	margin-bottom: 0;
}

.top-nav .top-nav-content .worldwide .worldwide-contact ul > li {
	padding: 10px 0;
	line-height: 26px;
	color: #333;
	border-bottom: 1px solid #d4d4d4;
}
.top-nav .top-nav-content .worldwide .worldwide-contact ul > li a img{
	display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    margin-top: -3px;
}
@media (min-width:1025px) {
	.top-nav {
		z-index: 110;
	}

	.top-nav .top-nav-height {
		position: static;
		height: 25px;
		text-align: right;
		background-color: #111;
	}

	.top-nav .top-nav-height .pull-right {
		float: right !important;
	}

	.top-nav .top-nav-height a {
		float: left;
		width: auto;
		height: 25px;
		margin-right: 0;
		margin-left: 10px;
		padding: 0 10px;
		font-size: 12px;
		line-height: 25px;
		color: #ccc;
	}

	.top-nav .top-nav-height a span {
		float: left;
	}

	.top-nav .top-nav-height a span img.lg-show {
		display: inline-block !important;
		margin-top: -4px;
		margin-right: 5px;
	}

	.top-nav .top-nav-height a .iconfont {
		float: left;
		width: auto;
		height: auto;
		font-size: 12px;
		color: #ccc;
		border: none;
	}

	.top-nav .top-nav-height a .icon-arrow-down {
		display: inline-block;
		width: 5px;
		height: 5px;
		margin-top: 8px;
		margin-left: 5px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		color: #ccc;
		border-width: 0 1px 1px 0;
		border-style: solid;
	}

	.top-nav .top-nav-height a.in {
		color: #818181;
	}

	.top-nav .top-nav-height a.in .icon-arrow-down {
		margin-top: 11px;
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg);
		color: #818181;
	}

	.top-nav .top-nav-height a.in {
		background: #f7f7f7;
	}

	.top-nav .top-nav-content {
		position: static;
		overflow: inherit;
		padding-top: 0;
	}

	.top-nav .top-nav-content .group-website,
	.top-nav .top-nav-content .worldwide {
		display: none;
		width: 100%;
	}

	.top-nav .top-nav-content .group-website dl {
		float: left;
		width: 20%;
		margin-bottom: 0;
		padding: 40px 0;
		padding-right: 60px;
		border: none;
	}

	.top-nav .top-nav-content .group-website dl dt {
		margin-bottom: 5px;
		font-size: .95em;
	}

	.top-nav .top-nav-content .group-website dl dt a,
	.top-nav .top-nav-content .group-website dl dt span {
		position: relative;
		color: #4d4d4d;
	}

	.top-nav .top-nav-content .group-website dl dt a span,
	.top-nav .top-nav-content .group-website dl dt span span {
		vertical-align: middle;
	}

	.top-nav .top-nav-content .group-website dl dt a:hover {
		color: #000;
	}

	.top-nav .top-nav-content .group-website dl dt a:hover span {
		border-bottom: 1px solid #333;
	}

	.top-nav .top-nav-content .group-website dl dt span.active {
		font-weight: bold;
		cursor: default;
	}

	.top-nav .top-nav-content .group-website dl dt span.active .icon-arrow-right {
		width: 9px;
		height: 9px;
		margin-right: 5px;
		color: #009ab2;
		border-width: 0 2px 2px 0;
	}

	.top-nav .top-nav-content .group-website dl dt span.icon-arrow-right {
		margin-left: 5px;
		color: #4d4d4d;
	}

	.top-nav .top-nav-content .group-website dl dt a:hover .icon-arrow-right,
	header .navbar nav#vc-navbar .read-more:hover .icon-arrow-right {
		margin-left: 10px;
		color: #009ab2;
		border-width: 0 2px 2px 0;
	}

	.top-nav .top-nav-content .group-website dl dt span.active:hover {
		border: none;
	}

	.top-nav .top-nav-content .group-website dl dd {
		font-size: .825em;
		line-height: 1.5em;
	}

	.top-nav .top-nav-content .worldwide {
		position: absolute;
		top: 0;
		right: 15px;
		display: none;
		width: 216px;
		padding: 4px 16px;
		cursor: default;
		background: #f7f7f7;
	}

	.top-nav .top-nav-content .worldwide .worldwide-contact ul li:last-child {
		border-bottom: 0;
	}

	.top-nav .header-lang-item {
		position: relative;
	}

	.top-nav .header-lang-item > a {
		position: relative;
		display: block;
		height: 22px;
		font-size: 14px;
		line-height: 22px;
		cursor: default;
		-webkit-transition: .2s;
		transition: .2s;
		white-space: nowrap;
		color: #666;
	}

	.top-nav .header-lang-item.active > a,
	.top-nav .header-lang-item:hover > a {
		color: #009ab2;
	}

	.top-nav .header-lang-item.active:after {
		position: absolute;
		top: 12px;
		left: -16px;
		height: 16px;
		content: '';
		border-right: 3px solid #009ab2;
	}

}

@media (min-width:992px) and (max-width:1024px) {
	.top-nav .top-nav-content .group-website .title,
	.top-nav .top-nav-content .worldwide .worldwide-language {
		display: block !important;
	}

}

@media (min-width:768px) {
	.navbar-header,
	.navbar-nav > li {
		float: unset;
		float: inherit;
	}

	.container-fluid > .navbar-collapse,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container > .navbar-header {
		margin-right: -15px;
		margin-left: -15px;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-nav {
		float: unset;
		float: inherit;
		margin: 7.5px -15px;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-collapse.collapse.in {
		display: block !important;
	}

}

.container-custom .panel {
	margin-bottom: 0;
	border: 1px solid transparent;
	border-radius: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

header {
	position: relative;
	z-index: 100;
	width: 100%;
	font-size: 1em;
	background-color: #fff;
}

header.fixed {
	position: fixed;
	top: 0;
	-webkit-transition: top .5s;
	transition: top .5s;
}

header.fixed.header-hide {
	top: -66px;
}

header .navbar {
	position: relative;
	height: 66px;
	margin-bottom: 0;
	border: none;
}

header .navbar .navbar-header {
	position: relative;
	z-index: 10;
	height: 66px;
	background-color: #fff;
	box-shadow: 2px 0 10px rgba(0, 0, 0, .2);
}

header .navbar .navbar-header .logo {
	width: 133px;
	margin-left: 0;
}

header .navbar .navbar-header .logo img {
	width: 115px;
	height: auto;
	margin-top: 5px;
}

header .navbar .navbar-header button.navbar-toggle {
	width: 44px;
	height: 34px;
	margin-top: 16px;
	margin-bottom: 16px;
}

header .navbar .navbar-header button.navbar-toggle.collapsed .icon-bar {
	position: static;
	margin: 0;
	margin-top: 4px;
}

header .navbar .navbar-header button.navbar-toggle.collapsed .icon-bar:nth-child(2) {
	margin-top: 0;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

header .navbar .navbar-header button.navbar-toggle.collapsed .icon-bar:nth-child(3) {
	opacity: 1;
}

header .navbar .navbar-header button.navbar-toggle.collapsed .icon-bar:nth-child(4) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

header .navbar .navbar-header button.navbar-toggle .icon-bar {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1px;
	margin-left: -11px;
	background-color: #000;
}

header .navbar .navbar-header button.navbar-toggle .icon-bar:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

header .navbar .navbar-header button.navbar-toggle .icon-bar:nth-child(3) {
	opacity: 0;
}

header .navbar .navbar-header button.navbar-toggle .icon-bar:nth-child(4) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

header .navbar nav#vc-navbar {
	position: fixed;
	top: 66px;
	bottom: 0;
	left: 100%;
	overflow: hidden;
	width: 100%;
	padding: 0 15px;
	padding-bottom: 48px;
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #f8f8f8;
}

header .navbar nav#vc-navbar.in {
	left: 0;
}

header .navbar nav#vc-navbar.nav-hide {
	visibility: hidden;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

header .navbar nav#vc-navbar .navbar-nav {
	padding-top: 15px;
}

header .navbar nav#vc-navbar .navbar-nav li.menu-list {
	margin: 0 15px;
}

header .navbar nav#vc-navbar .navbar-nav li.menu-list a.btn-next {
	padding: 15px 0;
	font-weight: bold;
	border-bottom: 1px solid #d4d4d4;
}

header .navbar nav#vc-navbar .navbar-nav li.menu-list a.btn-next .icon-arrow-right {
	float: right;
	width: 8px;
	height: 8px;
	margin-top: 5px;
	margin-left: 5px;
	color: #000;
	border-width: 0 2px 2px 0;
}

header .navbar nav#vc-navbar .navbar-nav li.menu-list a.btn-next:hover {
	background-color: transparent;
}

header .navbar nav#vc-navbar .nav-open {
	position: fixed;
	z-index: 120;
	top: 66px;
	bottom: 0;
	left: 100%;
	display: none;
	overflow-y: auto;
	width: 100%;
	padding: 30px 15px;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	border-bottom: 1px solid #d4d4d4;
	background-color: #fff;
}

header .navbar nav#vc-navbar .nav-open .iconfont,
.top-nav .top-nav-content .btn-nav-back .iconfont {
	margin-top: 0;
	margin-right: 8px;
	line-height: initial;
}

header .navbar nav#vc-navbar .nav-open .icon-arrow-right {
	float: left;
	margin-top: 7px;
	margin-left: 5px;
	color: #009ab2;
	border-width: 0 2px 2px 0;
}

header .navbar nav#vc-navbar .nav-open .icon-arrow-left,
.top-nav .top-nav-content .btn-nav-back .icon-arrow-left {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-top: 7px;
	margin-left: 5px;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	color: #333;
	border-width: 0 1px 1px 0;
	border-style: solid;
}

header .navbar nav#vc-navbar .nav-open h3 span {
	display: inline-block;
	float: right;
	width: 7px;
	height: 7px;
	margin-left: 5px;
	-webkit-transition: all .5s;
	transition: all .5s;
	color: #333;
	border-width: 0 1px 1px 0;
	border-style: solid;
}

header .navbar nav#vc-navbar .nav-open h3.collapsed .icon-arrow-down {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

header .navbar nav#vc-navbar .nav-open h3 .icon-arrow-down {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
}

header .navbar nav#vc-navbar .nav-open.in {
	left: 0;
	display: block;
}

header .navbar nav#vc-navbar .nav-open .hover-open {
	position: static;
}

header .navbar nav#vc-navbar .nav-open .nav-ani {
	overflow: hidden;
	margin-right: -15px;
	margin-left: -15px;
}

header .navbar nav#vc-navbar .nav-open .title {
	margin: 20px 15px;
	margin-bottom: 0;
	padding: 10px 0;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #d4d4d4;
}

header .navbar nav#vc-navbar .nav-open h3 {
	overflow: hidden;
	margin: 0;
	padding: 20px 0 10px 0;
	font-size: 16px;
	font-weight: normal;
	border-bottom: 1px solid #d4d4d4;
}

header .navbar nav#vc-navbar .nav-open h4 {
	margin: 0;
	padding: 10px 0;
	font-size: 1em;
	font-weight: bold;
}

header .navbar nav#vc-navbar .nav-open .list-nav {
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

header .navbar nav#vc-navbar .nav-open .list-nav ul {
	padding-right: 0;
	padding-left: 0;
}

header .navbar nav#vc-navbar .nav-open .list-nav ul li {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #d4d4d4;
}

header .navbar nav#vc-navbar .nav-open .list-nav ul li a {
	display: block;
	font-size: 1em;
	text-decoration: none;
	border: none;
}

header .navbar nav#vc-navbar .nav-open .list-nav ul li a.read-more {
	display: inline-block;
	overflow: hidden;
}

header .navbar nav#vc-navbar .nav-open .list-nav ul li a.read-more span {
	float: left;
}

header .navbar .nav-right {
	position: absolute;
	z-index: 20;
	top: 13px;
	right: 70px;
	height: 40px;
	padding-right: 15px;
}

header .navbar .nav-right a.btn-open-search {
	float: left;
	height: 20px;
	margin-top: 10px;
	line-height: 20px;
	text-decoration: none;
}

header .navbar .nav-right a.btn-open-search .icon-search {
	font-size: 20px;
}

header .navbar .nav-right a.btn-open-search .text {
	margin-left: 4px;
}

header .mask-bg {
	position: fixed;
	z-index: -1;
	visibility: hidden;
	width: 100%;
	height: 100%;
	opacity: 0;
}

header .mask-bg.show {
	visibility: visible;
	-webkit-transition: all .5s;
	transition: all .5s;
	background-image: url('../images/mask.png');
	opacity: 1;
}

.read-more {
	position: relative;
	display: inline-block;
	font-size: .875em;
	line-height: 1.5em;
	vertical-align: middle;
	text-decoration: none;
	outline: none;
}

@media (min-width:992px) {
	.read-more {
		font-size: .875em;
		line-height: 1.875em;
	}

	header .navbar nav#vc-navbar .nav-open .icon-arrow-right {
		margin-top: 8px;
	}

}

.read-more .iconfont {
	display: inline;
	font-size: 1.5em;
	line-height: inherit;
	-webkit-transition: all .2s;
	transition: all .2s;
	vertical-align: middle;
	color: #009ab2;
}

@media (min-width:992px) {
	@-moz-document url-prefix() {
		.read-more .iconfont {
			line-height: 1.35em;
		}

	}

}

.read-more:hover .iconfont {
	-webkit-transform: translate3d(4px, 0, 0);
	transform: translate3d(4px, 0, 0);
}

.read-more span {
	display: inline;
	vertical-align: middle;
}

.read-more .icon-btn-arrow {
	margin-left: 8px;
}

@media (min-width:1025px) {
	header.fixed.header-hide {
		top: -78px;
	}

	header #header-list-1 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	header .navbar {
		height: 78px;
		margin-bottom: 0;
		border-bottom: 1px solid #e6e6e6;
		border-radius: 0;
	}

	header .navbar .nav-container {
		position: relative;
	}

	header .navbar .navbar-header {
		box-shadow: none;
	}

	header .navbar .navbar-header .logo {
		margin-top: 22px;
		padding: 0;
	}

	header .navbar .navbar-header .logo img {
		width: 100%;
		height: auto;
		margin-top: 0;
	}

	header .navbar nav#vc-navbar {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		overflow: visible;
		height: inherit;
		padding-bottom: 0;
		-webkit-transition: all .3s;
		transition: all .3s;
		background-color: #fff;
	}

	header .navbar nav#vc-navbar .navbar-nav {
		width: 100%;
		height: 100%;
		padding-top: 0;
		text-align: center;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list {
		display: inline-block;
		float: none;
		margin: 0;
		padding: 0 1.3%;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list.hidden-lg {
		display: none !important;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list a.btn-next {
		font-weight: normal;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list:hover a.vc-navbar-text {
		border-bottom: 2px solid #009ab2;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list.hover-open:hover .nav-open {
		-webkit-transition: opacity .65s;
		transition: opacity .65s;
		opacity: 1;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list.hover-open:hover .nav-ani {
		margin-top: 0;
		-webkit-transition: all .5s;
		transition: all .5s;
		opacity: 1;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list.hover-open:hover a.btn-next .icon-arrow-down {
		-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open {
		position: fixed;
		top: auto;
		bottom: auto;
		left: 0;
		display: none;
		overflow: hidden;
		width: 100%;
		margin-top: -1px;
		padding: 0;
		cursor: default;
		-webkit-transition: none;
		transition: none;
		border-bottom: 1px solid #e5e5e5 \9;
		background-color: #fff;
		opacity: 1;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open h3,
	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open h4 {
		display: block;
		margin: 0;
		padding: 0;
		border: none;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open h3 .icon-arrow-down,
	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open h4 .icon-arrow-down {
		display: none;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .nav-ani {
		position: relative;
		overflow: hidden;
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
		-webkit-transition: none;
		transition: none;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .nav-ani .btn-close-nav-ani {
		position: relative;
		z-index: 2;
		display: block;
		float: right;
		overflow: hidden;
		width: 30px;
		height: 30px;
		margin-right: 7px;
		margin-bottom: 44px;
		line-height: 30px;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .nav-ani .btn-close-nav-ani .icon-close:before,
	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .nav-ani .btn-close-nav-ani .icon-close:after {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 2px;
		margin-top: -1px;
		content: '';
		background: #000;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .nav-ani .btn-close-nav-ani .icon-close:before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .nav-ani .btn-close-nav-ani .icon-close:after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .nav-ani .col-md-8 .row {
		margin: 0;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .nav-ani .col-md-8 .row ul {
		padding-right: 7px;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .nav-open-content {
		overflow: hidden;
		background-color: #f7f7f7;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .mask {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open h3 {
		position: relative;
		margin-top: 32px;
		padding-bottom: 14px;
		font-size: 1.25em;
		line-height: 1.25em;
		text-align: left;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open h3 .line {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #e6e6e6;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .list-nav {
		margin-right: 0;
		margin-left: 0;
		padding: 22px 0;
		text-align: left;
	}

	.navbar-collapse.collapse {
		display: block !important;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .list-nav h4 {
		margin-bottom: 8px;
		font-size: 1em;
		line-height: 32px;
		opacity: .9;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .list-nav ul {
		overflow: hidden;
		margin: 0;
		padding-right: 0;
		padding-left: 0;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .list-nav ul li {
		display: block;
		float: none;
		margin: 0;
		margin-bottom: 15px;
		padding: 0;
		border: none;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .list-nav ul.link-solution li {
		float: left;
		width: 25%;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .list-nav ul li a {
		display: block;
		height: auto;
		font-size: .9em !important;
		line-height: 1.5em !important;
		border: 0;
		opacity: .8;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .list-nav ul li a:hover {
		text-decoration: underline;
		color: #000;
		opacity: 1;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open img.nav-img {
		position: relative;
		float: right;
		max-height: 200px;
		margin-top: 38px;
		margin-bottom: 44px;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-openimg.nav-img2 {
		max-height: 316px;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list .nav-open .r-text-img img.nav-img {
		margin-top: 0;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list a.vc-navbar-text {
		box-sizing: border-box;
		height: 78px;
		padding: 0;
		font-size: .9em;
		line-height: 78px;
		border: none;
		background-color: transparent !important;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list a.vc-navbar-text.btn-next {
		background-color: transparent !important;
	}

	header .navbar nav#vc-navbar .navbar-nav li.menu-list a.vc-navbar-text.btn-next .icon-arrow-down {
		position: absolute;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	header .navbar nav#vc-navbar .read-more:hover span {
		text-decoration: underline;
	}

	header .navbar nav#vc-navbar .read-more:hover .iconfont {
		transform: rotate(-45deg);
		text-decoration: none;
	}

	header .navbar .nav-right {
		position: relative;
		top: 0;
		right: 0;
		float: right;
		margin-top: 19px;
		margin-right: -15px;
		font-size: .9375em;
		border: none;
	}

	header .navbar .nav-right .btn-open-search {
		margin-left: 20px;
		-webkit-transition: .3s all;
		transition: .3s all;
		text-decoration: none;
	}

	header .navbar .nav-right .btn-open-search.nav-hide {
		display: none;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}

}

@media (min-width:1025px) and (max-width:1050px) {
	header.fixed.header-hide {
		top: -130px;
	}

}

@media (min-width:1680px) {
	header .nav-img {
		margin-top: 111px;
	}

}

@media (max-width:1024px) {
	header .navbar nav#vc-navbar .nav-open {
		display: block !important;
	}

}

@media (min-width:992px) {
	header .navbar-toggle {
		display: block;
	}

	header .navbar-header {
		float: none;
	}

	header .container,
	.main-subnav .container {
		width: 100%;
	}

	header .container > .navbar-header,
	header .container-fluid > .navbar-header,
	header .container > .navbar-collapse,
	header .container-fluid > .navbar-collapse,
	.main-subnav .container > .navbar-collapse {
		margin-right: -15px;
		margin-left: -15px;
	}

	header .navbar-nav {
		float: none;
		margin: 0;
	}

	header .navbar-nav > li {
		float: none;
	}

	header .container-custom {
		width: 100%;
		max-width: 1430.016px;
	}

}

.btn-nav-back {
	font-size: 16px;
	border: none !important;
}

@media (min-width:1025px) {
	header .navbar-toggle {
		display: none;
	}

	header .navbar-header {
		float: left;
	}

	header .container {
		width: 93.705%;
	}

	header .container-custom {
		width: 85.652%;
		max-width: 1430.016px;
	}

	header .container > .navbar-header,
	header .container-fluid > .navbar-header,
	header .container > .navbar-collapse,
	header .container-fluid > .navbar-collapse {
		margin-right: 0;
		margin-left: 0;
	}

	header .navbar-nav {
		float: left;
		margin: 0;
	}

	header .navbar-nav > li {
		float: left;
	}

}

.btn-nav-back .iconfont {
	float: left;
}

@media (min-width:992px) and (max-width:1024px) {
	header .navbar nav#vc-navbar .navbar-nav li.menu-list a.btn-next .icon-arrow-right,
	.search-box .search-keyword,
	.btn-nav-back,
	header .navbar nav#vc-navbar .nav-open .title {
		display: block !important;
	}

	header .navbar nav#vc-navbar .nav-open .nav-ani .container-custom > .row > [class*='col-md'],
	header .navbar nav#vc-navbar .nav-open .nav-ani .container-custom > .row > [class*='col-md'] > .row > [class*='col-md'] {
		width: 100%;
	}

	header .navbar a.btn-close-nav-ani,
	header .navbar nav#vc-navbar .nav-open .nav-ani .container-custom > .row > [class*='col-md'] .nav-img,
	.top-nav .top-nav-height a .iconfont.icon-arrow-down,
	#Solutions h3.collapsed {
		display: none !important;
	}

}

.search-box {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 9px;
	padding-right: 100px;
	padding-right: 50px;
	padding-left: 20px;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform-origin: 100% center;
	-ms-transform-origin: 100% center;
	transform-origin: 100% center;
	background-color: #fff;
}

.search-box.search-hide {
	left: 100%;
	visibility: hidden;
}

.search-box .b-search-keyword {
	position: absolute;
	z-index: 2;
	display: none;
	width: calc(100% - 70px);
}

.search-box .b-search-keyword a {
	display: block;
	float: none;
	overflow: hidden;
	height: auto;
	padding: 5px 20px;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
}

.search-box input {
	width: 100%;
	height: 48px;
	padding-right: 50px;
	padding-left: 20px;
	font-size: 16px;
	line-height: 48px;
	border: 1px solid #d4d4d4;
	outline: none;
	background-color: #fff;
}

.search-box input:focus {
	color: #282828;
	border: 1px solid #bebdbd;
	-webkit-box-shadow: 0 3px 8px #d4d4d4;
	box-shadow: 0 3px 8px #d4d4d4;
}

.search-box a.btn-close {
	position: absolute;
	top: 22px;
	right: 10px;
	margin: 0 !important;
	text-decoration: none;
	color: #86807f;
}

.search-box a.btn-close .vcic_cross {
	display: block;
	width: 28px;
	height: 28px;
}

.search-box a.btn-close .vcic_cross:before,
.search-box a.btn-close .vcic_cross:after {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	background: #888;
}

.search-box a.btn-close .vcic_cross:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.search-box a.btn-close .vcic_cross:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.search-box button {
	border: none;
	background: transparent;
}

.search-box .btn-search {
	position: absolute;
	top: 22px;
	right: 60px;
	margin: 0 !important;
	text-decoration: none;
	color: #86807f;
}

.search-box .btn-search span {
	display: inline-block;
}

.search-box .search-keyword {
	position: absolute;
	top: 66px;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: auto;
	border-top: 1px solid #d4d4d4;
	background-color: #f8f8f8;
}

.search-box .search-keyword .search-keyword-title {
	margin: 0 15px;
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d4d4d4;
}

.search-box .search-keyword ul {
	padding: 15px;
	padding-top: 0;
}

.search-box .search-keyword ul li {
	border-bottom: 1px solid #d4d4d4;
}

.search-box .search-keyword ul li a {
	font-weight: bold;
	line-height: 44px;
}

@media (min-width:1025px) {
	.search-box {
		position: absolute;
		right: 8px;
		left: auto;
		width: 500px;
		height: 76px;
		padding-top: 15px;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.search-box.search-hide {
		left: auto;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}

	.search-box a.btn-close,
	.search-box .btn-search {
		top: 27px;
	}

	.search-box .b-search-keyword {
		position: static;
		display: none !important;
		width: 100%;
	}

	.search-box .b-search-keyword a {
		display: block;
		float: none;
		overflow: hidden;
		height: auto;
		padding: 5px 20px;
		font-size: 14px;
		line-height: 24px;
		text-align: left;
		border: 1px solid #ccc;
		border-top: none;
		background: #fff;
	}

	.search-box .b-search-keyword a:hover {
		color: #c7000b;
	}

}

.main {
	display: inline-block;
	width: 100%;
}

footer {
	overflow: hidden;
	text-align: left;
	background-color: #252525;
}

footer .footer-nav h3 {
	margin-bottom: 0;
	padding: 10px 5px;
	font-size: 1.125em;
	color: #d7d8d9;
	border-bottom: 1px solid #787878;
}

footer .footer-nav h3 span {
	display: inline-block;
	float: right;
	width: 7px;
	height: 7px;
	margin-top: 5px;
	margin-right: 5px;
	-webkit-transition: all .5s;
	transition: all .5s;
	color: #ccc;
	border-width: 0 2px 2px 0;
	border-style: solid;
}

footer .footer-nav h3.collapsed .icon-arrow-down {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

footer .footer-nav h3 .icon-arrow-down {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
}

footer .footer-nav ul li {
	padding: 10px 0;
	border-bottom: 1px solid #666;
}

footer .footer-nav ul li a {
	padding-left: 5px;
	transition: color .3s;
	color: #d7d8d9;
}

footer .footer-nav ul li a:hover {
	color: #009ab2;
}

footer .footer-nav ul li .share-lnk a {
	display: inline-block;
	margin-right: 15px;
}

footer .footer-nav ul li .share-lnk a img {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
}

footer .footer-nav ul li .share-lnk a:hover img {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
}

footer .copy {
	padding: 25px 0;
	font-size: 12px;
	line-height: 16px;
	line-height: 2em;
	text-align: center;
	background-color: #111;
}

footer .copy span {
	display: block;
	color: #d7d8d9;
}

footer .copy ul li {
	display: inline-block;
	margin: 0 5px;
}

footer .copy ul li a {
	color: #d7d8d9;
}

@media (min-width:992px) {
	footer .footer-nav {
		padding: 70px 0 34px 0;
	}

	footer .footer-nav .col-md-2 {
		width: 20%;
	}

	footer .footer-nav h3 {
		margin: 0;
		margin-bottom: 18px;
		padding: 0;
		font-size: .9375em;
		line-height: 25px;
		border: none;
	}

	footer .copy span {
		color: #999;
	}

	footer .footer-nav ul li {
		margin-bottom: 15px;
		padding: 0;
		border: none;
	}

	footer .footer-nav ul li a {
		padding-left: 0;
		font-size: .8125em;
		line-height: 1.5em;
	}

	footer .footer-nav ul li .share-lnk a {
		margin-right: 10px;
	}

	footer .copy {
		height: auto;
		padding: 10px 0;
		font-size: 1em;
		line-height: 30px;
	}

	footer .copy span {
		display: inline-block;
	}

	footer .copy ul {
		display: inline-block;
		margin: 0;
	}

	footer .copy .copy-text {
		font-size: .8125em;
		color: #666;
	}

	footer .copy .copy-text .line {
		display: inline-block;
		width: 1px;
		height: 14px;
		margin: 0 0 0 8px;
		background: #999;
	}

	footer .copy .copy-text a {
		color: #999;
	}

	footer .copy .copy-text span,
	footer .copy .copy-text li {
		margin: 0 10px;
	}

}

@media (min-width:992px) and (max-width:1024px) {
	footer .copy {
		height: auto;
		padding: 10px 0;
		line-height: 30px;
	}

}

@media (max-width:991px) {
	footer .list-unstyled {
		margin: 7px 0 0 0;
	}

	footer .list-unstyled li {
		margin: 8px 10px 0 !important;
	}

	footer .panel:last-child h3 {
		margin-bottom: 0;
	}

}

footer .navbar-collapse {
	padding-right: 0;
	padding-left: 0;
	box-shadow: none;
}

@media (min-width:992px) {
	footer .navbar-collapse.collapse {
		display: block !important;
		overflow: visible !important;
		height: auto !important;
		padding-bottom: 0;
	}

}

.btn-rect {
	display: inline-block;
	min-width: 140px;
	height: 32px !important;
	padding: 0 30px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: .875em;
	line-height: 30px !important;
	text-align: center;
	color: #111;
	border: 1px solid #111;
}

@media (min-width:992px) {
	.btn-rect {
		min-width: 170px;
		height: 40px !important;
		line-height: 38px !important;
	}

	.btn-rect:hover {
		color: #fff;
		border-color: #009ab2;
		background-color: #009ab2;
	}

}

.content-img-box {
	position: relative;
	overflow: hidden;
	max-width: 1920px;
	margin-right: auto;
	margin-left: auto;
}

.content-img-box img.bg {
	float: left;
	width: 100%;
	height: auto;
}

.content-img-box .banner-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/mask05.png);
}

.content-img-box .content-box {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.vertical-middle-sm {
	display: table;
	width: 100%;
	height: 100%;
}

.vertical-middle-sm > div {
	display: table-cell;
	float: none !important;
	height: 100%;
	min-height: 100%;
	vertical-align: middle;
}

.main h1 {
	margin-top: 0;
	text-align: center;
}

.content-box h1 {
	max-width: 80%;
	margin: 0 auto;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 2.4em;
	color: #fff;
}

.content-img-box .content-box h1,
.content-img-box .content-box h2,
.content-img-box .content-box h3 {
	color: #fff;
}

.content-box .subtitle {
	margin: 0 auto;
	margin-top: 11px;
	padding: 0 20px;
	font-size: 1em;
	line-height: 1.95em;
	text-align: center;
	color: #666;
}

.content-img-box .content-box .subtitle,
.content-img-box .content-box .subtitle p {
	font-size: 1em;
	line-height: 1.95em;
	color: #fff;
}

.content-img-box .content-box .subtitle.p1 {
	font-size: 1em;
	line-height: 1.95em;
}

.content-img-box .banner-mask + .content-box .subtitle {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}

.btn-rect-white {
	display: inline-block;
	min-width: 140px;
	height: 32px !important;
	padding: 0 30px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: .875em;
	line-height: 30px !important;
	text-align: center;
	color: white;
	border: 1px solid white;
}

.btn-rect-white:hover {
	color: #fff;
	border-color: #009ab2;
	background-color: #009ab2;
}

@media (min-width:992px) {
	.h1style .content-box .vertical-middle-sm,
	.inside-swiper-banner .content-box .vertical-middle-sm {
		width: 80%;
		max-width: 1366px;
		margin: 0 auto;
	}

	.content-box h1 {
		font-size: 2.5em;
	}

	.content-box .subtitle {
		max-width: 85%;
		margin-top: 22px;
	}

	.content-img-box .content-box .subtitle {
		max-width: 50%;
	}

	.btn-rect-white {
		min-width: 170px;
		height: 40px !important;
		line-height: 40px !important;
	}

	.content-box h2.pull_left {
		max-width: none;
		margin: 0;
		text-align: left;
	}

	.content-box h2.pull_left:after {
		left: 0;
		margin-left: auto;
	}

}

.video-cover {
	position: relative;
	display: block;
}

.video-cover .video-play {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	transition: all .3s ease;
	transform: translate(-50%, -50%);
	opacity: .8;
}

.video-cover:hover .video-play {
	opacity: 1;
}

.video-cover .video-play.animation {
	opacity: 1;
}

.video-cover .video-play.animation:after {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-animation: a-pulse 2.5s ease-out .5s infinite both;
	-ms-animation: a-pulse 2.5s ease-out .5s infinite both;
	animation: a-pulse 2.5s ease-out .5s infinite both;
	border-radius: 50%;
	background-color: #c2e8ee;
}

@-webkit-keyframes a-pulse {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}

	to {
		-webkit-transform: translate(-50%, -50%) scale(1.5);
		transform: translate(-50%, -50%) scale(1.5);
		opacity: 0;
	}

}

@keyframes a-pulse {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}

	to {
		-webkit-transform: translate(-50%, -50%) scale(1.5);
		transform: translate(-50%, -50%) scale(1.5);
		opacity: 0;
	}

}

.btn-loadmore .iconfont {
	display: inline-block;
	width: 8px;
	height: 8px;
	-webkit-transition: all .5s;
	transition: all .5s;
	border-width: 0 2px 2px 0;
	border-style: solid;
}

.btn-loadmore .icon-arrow-down {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.btn-loadmore.active .icon-arrow-down {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
}

@media (min-width:992px) {
	.nav-crumb {
		background-color: #fff;
		box-shadow: 0 2px 3px rgb(0, 0, 0, .1) inset;
	}

	.nav-crumb li a:hover {
		text-decoration: underline;
	}

}

.nav-crumb {
	margin-bottom: 5px;
}

.nav-crumb .breadcrumb > li + li:before {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 10px;
	margin-left: 5px;
	padding: 0;
	content: '';
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	color: #999;
	border-width: 0 1px 1px 0;
	border-style: solid;
}

@media (min-width:992px) {
	.nav-crumb {
		margin-bottom: 10px;
	}

}

.nav-crumb .breadcrumb {
	margin-bottom: 0;
	padding: 8px 0;
	font-size: 12px;
	list-style: none;
	border-radius: 0;
	background-color: transparent;
}

.pagination-box {
	text-align: center;
}

.pagination {
	margin-top: 10px;
}

.pagination > li > a,
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover {
	border-color: #e7e7e7;
}

.pagination > li > a {
	color: #009ab2;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover {
	border-color: #009ab2;
	background-color: #009ab2;
}

.pagination > li > a:focus,
.pagination > li > a:hover {
	border-color: #e7e7e7;
	background-color: #f2fdff;
}

.teaser {
	padding: 60px 0;
	margin-top: 20px;
	text-align: center;
	color: #fff;
	background-image: -moz-linear-gradient(0deg, rgb(0, 154, 178) 0%, rgb(77, 245, 176) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(0, 154, 178) 0%, rgb(77, 245, 176) 100%);
	background-image: -ms-linear-gradient(0deg, rgb(0, 154, 178) 0%, rgb(77, 245, 176) 100%);
}

.teaser__title {
	font-size: 1.9em;
	font-weight: 600;
	line-height: 1.5em;
}

.teaser__text {
	margin-top: 10px;
}

.teaser__text p {
	font-size: 1.25em;
	color: #fff;
}

.teaser__components {
	margin-top: 30px;
}

.teaser__components a {
	display: inline-block;
	padding: 12px 20px;
	line-height: 1;
	transition: all .3s ease-out 0s;
	text-transform: uppercase;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 6px;
}

.teaser__components a:hover {
	transform: perspective(1px) scale(1.05) translateZ(0px);
}

@media (max-width:768px) {
	.teaser {
		padding: 50px 0;
	}

}

.Interested-box .related-link span {
	float: left;
	margin: 3px;
	padding: 6px 12px;
	font-size: 14px;
	color: #555;
	border-radius: 3px;
	background: #edf1f5;
}

.Interested-box .related-link span a {
	color: #555;
}

.Interested-box .related-link  span:hover {
	background: #009ab2;
}

.Interested-box .related-link span:hover a {
	color: #fff;
}

.right-img {
	float: right;
	margin: 10px 0 0 20px;
	padding: 0 0 0 0;
}
.right-img p {
	margin-bottom: 0;
	padding: 0;
	font-size: .875em;
	text-align: center;
	color: #999;
}

@media (max-width:767px) {
	.right-img {
		float: none;
		margin: 10px 0 20px 0;
		padding: 0;
	}

	.right-img img {
		margin: 0 auto !important;
	}

	footer {
		margin-bottom: 44px;
	}

}

.video-iframe {
	position: relative;
	width: 100%;
	height: 280px;
	margin: 0 auto;
	text-align: center;
}

@media (min-width:992px) {
	.video-iframe {
		width: 70%;
		height: 500px;
	}

}

@media (min-width:768px) and (max-width:992px) {
	.video-iframe {
		width: 100%;
		height: 500px;
	}

}

.xpages {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	padding-top: 10px;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
	vertical-align: top;
	color: #666;
}

.xpages a {
	display: inline-block;
	overflow: hidden;
	height: 38px;
	margin: 0 1px;
	padding: 0 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 38px;
	vertical-align: top;
	border: 1px solid #e6e6e6;
	background: #fff;
}

.xpages a,
.xpages a:visited {
	color: #666;
}

.xpages .current,
.xpages a.current:hover {
	color: #fff !important;
	border: 1px solid #e7e7e7;
	background: #009ab2;
}

.xpages a.current,
.xpages a.current:visited {
	color: #009ab2;
}

.xpages a:hover {
	color: #666;
	border-color: #e7e7e7;
	background-color: #f2fdff;
}

.cistern {
	position: relative;
	max-width: 1460px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}

.cistern-con {
	position: relative;
	float: left;
	width: 74.64%;
}

.cistern-sidebar {
	position: relative;
	float: left;
	width: 25.36%;
	padding-left: 30px;
}

.cistern .md-module {
	position: relative;
	padding: 30px 70px  30px;
	background-color: #fff;
	box-shadow: -2px 1px 9px rgba(0, 0, 0, .1);
}

.cistern .sm-module {
	margin-bottom: 15px;
	padding: 20px 0 30px;
	border-right: 1px solid #f8f8f8\9;
	background: #fff;
	/*box-shadow: -1px 1px 4px rgba(100, 100, 100, .1);*/
	box-shadow: 0 1px 4px rgba(100, 100, 100, .1);
}

.address_date {
	overflow: hidden;
	margin-bottom: 10px;
	white-space: nowrap;
}

.address_date .address {
	display: inline-block;
	margin-right: 18px;
	font-size: 14px;
}

.address_date img {
	display: inline-block !important;
	width: 15px !important;
	margin-top: -2px;
	margin-right: 6px;
	vertical-align: middle;
}

.address_date .time {
	display: inline-block;
	font-size: 14px;
}

.PageTurn {
	display: block;
	margin-bottom: 16px;
}

.PageTurn-title {
	margin-bottom: 5px !important;
	font-size: 1.1em !important;
	line-height: 1.95em !important;
	color: #333 !important;
}

.PageTurn-con {
	font-size: 15px;
	line-height: 1.5em;
	color: #999;
}

.PageTurn:hover .PageTurn-con {
	color: #009ab2;
}

#online_qq_layer {
	display: none;
}

@media (min-width:768px) {
	#online_qq_layer {
		display: block;
	}

	#online_qq_layer .animated {
		-webkit-animation-duration: .5s;
		animation-duration: .5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	#online_qq_layer .livechat-girl {
		position: fixed;
		z-index: 700;
		right: 40px;
		bottom: 30px;
		width: 60px;
		height: 60px;
		cursor: pointer;
		-webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1);
		transition: all 1s cubic-bezier(.86, 0, .07, 1);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		border-radius: 50%;
		-webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3);
		box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3);
		opacity: 0;
	}

	#online_qq_layer .livechat-girl:focus {
		outline: 0;
	}

	#online_qq_layer .livechat-girl.animated {
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px);
		opacity: 1;
	}

	#online_qq_layer .livechat-girl:after {
		position: absolute;
		z-index: 50;
		top: 1px;
		right: 1px;
		width: 12px;
		height: 12px;
		content: '';
		border-radius: 50%;
		background-image: linear-gradient(to bottom, #009ab2, #009ab2);
	}

	#online_qq_layer .livechat-girl .girl {
		position: absolute;
		z-index: 50;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		border-radius: 50%;
		background: #009ab2;
	}

	#online_qq_layer .livechat-girl .animated-circles .circle {
		position: absolute;
		z-index: 49;
		width: 60px;
		height: 60px;
		-webkit-transform: scale(1);
		transform: scale(1);
		border-radius: 50%;
		background: rgba(0, 135, 206, .25);
	}

	#online_qq_layer .livechat-girl .animated-circles.animated .c-1 {
		animation: 2s scaleToggleOne cubic-bezier(.0, .135, .206, .94) forwards;
	}

	#online_qq_layer .livechat-girl .animated-circles.animated .c-2 {
		animation: 2.5s scaleToggleTwo cubic-bezier(.0, .135, .206, .94) forwards;
	}

	#online_qq_layer .livechat-girl .animated-circles.animated .c-3 {
		animation: 3s scaleToggleThree cubic-bezier(.0, .135, .206, .94) forwards;
	}

	#online_qq_layer .livechat-girl.animation-stopped .circle {
		opacity: 0 !important;
	}

	#online_qq_layer .livechat-girl.animation-stopped .circle {
		opacity: 0 !important;
	}

	#online_qq_layer .livechat-girl .livechat-hint {
		position: absolute;
		z-index: 0;
		top: 50%;
		right: 40px;
		margin-top: -20px;
		-webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1);
		transition: all .3s cubic-bezier(.86, 0, .07, 1);
		opacity: 0;
		opacity: 0;
	}

	#online_qq_layer .livechat-girl .livechat-hint.hide_hint {
		z-index: -1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 0;
	}

	#online_qq_layer .livechat-girl .livechat-hint.show_hint {
		z-index: 333;
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px);
		opacity: 1;
	}

	#online_qq_layer .livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content {
		overflow: hidden;
		width: auto;
		text-overflow: ellipsis;
	}

	#online_qq_layer .rd-notice-tooltip {
		position: absolute;
		z-index: 65;
		max-width: 350px;
		font-size: 14px;
		line-height: 1.25;
		border-radius: 3px;
		-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
		box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
		opacity: 1;
	}

	#online_qq_layer .rd-notice-tooltip:after {
		position: absolute;
		z-index: 50;
		display: block;
		width: 20px;
		height: 20px;
		content: '';
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	#online_qq_layer .rd-notice-tooltip .rd-notice-content {
		position: relative;
		z-index: 60;
		width: 100%;
		padding: 20px;
		font-weight: 400;
		line-height: 1.45;
		color: #fff;
		border-radius: 3px;
		background: 0;
	}

	#online_qq_layer .rd-notice-type-success {
		background-color: #009ab2;
		-webkit-box-shadow: 0 5px 10px 0 rgba(0, 135, 206, .2);
		box-shadow: 0 5px 10px 0 rgba(0, 135, 206, .2);
	}

	#online_qq_layer .rd-notice-type-success .rd-notice-content {
		background-color: #009ab2;
	}

	#online_qq_layer .rd-notice-type-success:after {
		background-color: #009ab2;
		-webkit-box-shadow: 0 5px 10px 0 rgba(0, 135, 206, .2);
		box-shadow: 0 5px 10px 0 rgba(0, 135, 206, .2);
	}

	#online_qq_layer .rd-notice-position-left {
		margin-left: -20px;
	}

	#online_qq_layer .rd-notice-position-left:after {
		top: 50%;
		right: -6px;
		margin-top: -10px;
	}

	#online_qq_layer .rd-notice-tooltip.single-line .rd-notice-content {
		height: 40px;
		padding: 0 20px;
		font-family: 'poppins';
		line-height: 40px;
		white-space: nowrap;
	}

	#online_qq_layer {
		position: fixed;
		z-index: 99999999;
		right: 15px;
		bottom: 0;
	}

	#online_qq_layer #floatShow {
		display: block;
	}

	#online_qq_layer #floatHide {
		display: none;
	}

	#online_qq_layer #online_qq_tab {
		position: relative;
		z-index: 9;
	}

	#online_qq_layer #online_qq_tab #floatShow {
		position: relative;
		float: right;
		overflow: hidden;
		padding: 0 36px;
		padding-left: 50px;
		font-family: 'poppins_s';
		font-size: 13px;
		line-height: 46px;
		text-transform: capitalize;
		color: #fff;
	}

	#online_qq_layer #online_qq_tab #floatShow i {
		position: absolute;
		top: 0;
		left: 5px;
		display: inline-block;
		width: 50px;
		height: 50px;
		background: url(../images/online.png) no-repeat 10px center;
	}

	#online_qq_layer #online_qq_tab #floatHide {
		position: absolute;
		top: -10px;
		left: -10px;
		float: right;
		overflow: hidden;
		width: 30px;
		height: 30px;
		padding-top: 5px;
		padding-left: 2px;
		font-size: 13px;
		line-height: 50px;
		text-align: center;
		color: #808080;
		border-radius: 50%;
		background: #333;
	}

	#online_qq_layer #online_qq_tab #floatShow i {
		left: 0;
	}

	#online_qq_layer #online_qq_tab #floatShow {
		width: 50px;
		padding-right: 0;
	}

	#online_qq_layer #online_qq_tab #floatShow:hover {
		margin-right: 0;
	}

	#online_qq_layer #online_qq_tab #floatShow:hover,
	#online_qq_tab #floatHide:hover {
		text-decoration: none;
	}

	#onlineService {
		display: inline;
		display: none;
		overflow: hidden;
		width: 360px;
		font-size: 13px;
		border-top: none;
		background: #fff;
		background: #ddd;
		background-size: cover;
		box-shadow: 0 0 10px 15px rgba(0, 0, 0, .1);
	}

	#online_qq_layer .inquiry .main_more {
		display: block;
		margin-top: -10px;
		border-width: 1px;
	}

	#online_qq_layer .inquiry .main_more input {
		width: 100%;
		height: 40px;
		font-family: 'poppins_s';
		font-size: 13px;
		line-height: 36px;
		transition: .5s all;
		text-transform: capitalize;
		color: #fff;
		border: none;
		border-radius: 3px;
		background: #009ab2;
	}

	#online_qq_layer .inquiry .main_more:hover input {
		background: #009ab2;
	}

	#onlineService .title {
		display: block;
		margin-bottom: 0;
		padding: 18px 20px;
		font-family: 'Barlow';
		font-size: 28px;
		font-style: normal;
		line-height: 24px;
		text-transform: uppercase;
		color: #333;
		background: #fff;
	}

	#onlineService .title b {
		font-family: 'poppins_s';
		color: #fff;
	}

	#onlineService .text {
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 20px;
		color: #808080;
	}

	.i_message_inquiry .inquiry {
		padding: 0  20px 15px;
		background: #fff;
	}

	.i_message_inquiry .inquiry .form-control {
		width: 100%;
		height: 36px;
		padding-left: 10px;
		font-size: 13px;
		line-height: 36px;
		color: #777;
		border: 2px solid #eee;
		border-radius: 0;
		background: none;
		background-repeat: no-repeat;
		background-position: 95% 12px;
		box-shadow: none;
	}

	.i_message_inquiry .inquiry .form-control:focus {
		color: #333;
		border-color: #009ab2;
		background-color: #fff;
	}

	.i_message_inquiry .inquiry textarea.form-control {
		border-radius: 0;
	}

	.i_message_inquiry .inquiry .input-group {
		width: 100%;
		height: 32px;
		margin-bottom: 10px;
		border: none;
		background: #fff;
	}

	.i_message_inquiry .inquiry .input-group span {
		position: relative;
		display: block;
	}

	.i_message_inquiry .inquiry .input-group span:before {
		position: absolute;
		top: 14px;
		right: 10px;
		display: inline-block;
		width: 28px;
		height: 23px;
		content: '';
		background-image: url(../images/icon.png);
		background-repeat: no-repeat;
	}

	.i_message_inquiry .inquiry .input-group span.ms_e:before {
		background-position: -40px -227px;
	}

	.i_message_inquiry .inquiry .input-group span.ms_p:before {
		background-position: 0 -227px;
	}

	.i_message_inquiry .inquiry .input-group span.ms_m:before {
		background-position: -82px -227px;
	}

	.i_message_inquiry .inquiry .input-group span.ms_m .form-control {
		width: 100%;
		max-width: 100%;
		height: 80px;
		max-height: 120px;
		margin-bottom: 15px;
		padding-left: 10px;
		font-size: 12px;
		line-height: 20px;
		-webkit-transition: .5s all;
		-moz-transition: .5s all;
		-ms-transition: .5s all;
		-o-transition: .5s all;
		transition: .5s all;
		color: #777;
		border: 2px solid #eee;
		border-radius: 0;
	}

	.i_message_inquiry .inquiry .input-group span.ms_m .form-control:focus {
		color: #333;
		border-color: #009ab2;
		background-color: #fff;
	}

	#online_qq_tab #floatHide i {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 20px;
		height: 20px;
		justify-content: center;
		align-items: center;
	}

	#online_qq_tab #floatHide i:before,
	#online_qq_tab #floatHide i:after {
		display: inline-block;
		width: 16px;
		height: 2px;
		margin: 2px 0;
		content: '';
		background: #fff;
	}

	#online_qq_tab #floatHide i:before {
		-webkit-transform: rotate(45deg) translate(4px, 0px);
		transform: rotate(45deg) translate(4px, 0px);
	}

	#online_qq_tab #floatHide i:after {
		-webkit-transform: rotate(-45deg) translate(4px, 0px);
		transform: rotate(-45deg) translate(4px, 0px);
	}

}

@media (max-width:1600px) {
	.cistern {
		max-width: 1230px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.cistern .md-module {
		padding-right: 40px;
		padding-left: 40px;
	}

}

@media (max-width:1350px) {
	.cistern {
		max-width: 100%;
		padding-right: 65px;
		padding-left: 65px;
	}

}

@media (max-width:1200px) {
	.cistern .md-module {
		padding: 0;
		background: transparent;
		box-shadow: none;
	}

}

@media (max-width:1024px) {
	.cistern {
		padding-right: 15px;
		padding-left: 15px;
	}

	.cistern-con {
		display: block;
		float: none;
		width: 100%;
	}

	.cistern-sidebar {
		display: none;
		float: none;
		width: 100%;
		padding: 0 25px;
		padding-right: 0;
		padding-bottom: 0;
	}

}

@media (max-width:768px) {
	.cistern-con {
		width: 100%;
	}

	.cistern .md-module {
		padding-right: 0;
		padding-left: 0;
	}

}

@media (min-width:992px) {
	.PageTurn.PageUp {
		padding-right: 15%;
		padding-left: 10%;
	}

	.PageTurn.PageDown {
		padding-right: 15%;
		padding-left: 15%;
	}

}

.rd-notice-wrapper {
	position: absolute;
	z-index: 69;
}

.rd-notice-wrapper.rd-wrapper-position-static {
	position: relative;
	width: 100%;
}

.rd-notice-wrapper.rd-wrapper-position-static.notice-fixed {
	padding-top: 0;
}

.rd-notice-wrapper.rd-wrapper-position-corner {
	right: 0;
	max-width: 350px;
	padding-top: 20px;
}

.rd-notice-wrapper.rd-wrapper-position-fullWidth {
	width: 100%;
}

.rd-notice-wrapper.rd-wrapper-position-fullWidth.notice-fixed {
	padding-top: 0;
}

.rd-notice-wrapper.notice-fixed {
	position: fixed;
	top: 0;
	right: 0;
}

@media (max-width:980px) {
	.rd-notice-wrapper:not(.notice-fixed).rd-wrapper-position-fullWidth {
		width: calc(100% - -44px);
	}

	.rd-notice-wrapper:not(.notice-fixed).rd-wrapper-position-corner {
		right: -44px;
	}

}

.rd-notice {
	position: relative;
	padding: 0;
	text-align: left;
	border: 0;
	background-color: #546e7a;
	-webkit-box-shadow: 0 5px 10px 0 rgba(36, 50, 56, .2);
	box-shadow: 0 5px 10px 0 rgba(36, 50, 56, .2);
	opacity: 0;
}

.rd-notice .rd-notice-content {
	background-color: #546e7a;
}

.rd-notice:after {
	background-color: #546e7a;
	-webkit-box-shadow: 0 5px 10px 0 rgba(36, 50, 56, .2);
	box-shadow: 0 5px 10px 0 rgba(36, 50, 56, .2);
}

.rd-notice:not(.rd-notice-position-static) .rd-notice-content,
.rd-notice:not(.rd-notice-position-static) .rd-notice-type-icon,
.rd-notice:not(.rd-notice-position-static) .rd-close-icon::before,
.rd-notice:not(.rd-notice-position-static) .close::before {
	color: #fff !important;
}

.rd-notice .rd-close-icon,
.rd-notice .close {
	position: absolute;
	z-index: 100;
	top: 20px;
	right: 20px;
	width: 10px;
	height: 10px;
	font-size: 0;
	font-weight: normal;
	text-align: center;
	background: 0;
	text-shadow: none;
	opacity: 1 !important;
}

.rd-notice .rd-close-icon:before,
.rd-notice .close:before {
	font-family: 'tm-icomoon';
	font-size: 10px;
	content: '\e911';
	color: #fff;
}

.rd-notice-tooltip {
	position: absolute;
	z-index: 65;
	max-width: 350px;
	font-size: 14px;
	line-height: 1.25;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	opacity: 1;
}

.rd-notice-tooltip.thumb-heart-tooltip {
	z-index: 100;
	margin-top: 19px;
}

.rd-notice-tooltip.thumb-heart-tooltip .rd-notice-content {
	padding: 10px 20px;
}

.rd-notice-tooltip:after {
	position: absolute;
	z-index: 50;
	display: block;
	width: 20px;
	height: 20px;
	content: '';
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.rd-notice-tooltip .rd-notice-content {
	position: relative;
	z-index: 60;
	width: 100%;
	font-weight: 400;
	line-height: 1.45;
	color: #fff;
	border-radius: 3px;
	background: 0;
}

.rd-notice-tooltip .rd-notice-content a {
	text-decoration: underline;
	color: #fff;
}

.rd-notice-tooltip .arrow {
	display: none !important;
}

.rd-notice-tooltip.alert.rd-closing {
	text-align: left;
	white-space: normal;
}

.rd-notice-tooltip.alert.rd-closing .rd-notice-content {
	padding-right: 50px;
}

.rd-notice-tooltip.single-line .rd-notice-content {
	height: 40px;
	padding-left: 20px;
	white-space: nowrap;
}

.rd-notice.animate {
	margin-top: 0;
	opacity: 1;
}

.rd-notice-position-corner {
	max-width: 350px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 20px 50px 20px 20px;
	border-radius: 3px;
}

.rd-notice-position-corner.animate {
	margin-top: 0 !important;
	opacity: .9;
}

.rd-notice-position-corner .rd-notice-type-icon {
	display: table;
	margin-right: 20px;
	font-size: 20px;
}

.rd-notice-position-corner .rd-close-icon,
.rd-notice-position-corner .close {
	top: 15px;
	right: 20px;
}

.rd-notice-position-fullWidth {
	width: 100%;
	height: 60px;
	margin-top: -60px;
}

.rd-notice-position-fullWidth .rd-notice-type-icon {
	margin-right: 10px;
	font-size: 24px;
}

.rd-notice-position-fullWidth .rd-notice-content {
	white-space: nowrap;
}

.rd-notice-position-fullWidth .rd-close-icon,
.rd-notice-position-fullWidth .close {
	top: calc(50% - 10px);
	right: 40px;
}

.rd-notice-position-static {
	z-index: 1;
	width: 100%;
	margin-top: 0;
	padding: 20px 40px 20px;
	transform: scale(1);
	opacity: 1;
}

.rd-notice-position-static .rd-notice-content {
	padding-left: 20px;
}

.rd-notice-position-static .tm-icon {
	font-size: 40px;
	color: #ff8f00;
}

.rd-notice-position-static .rd-close-icon,
.rd-notice-position-static .close {
	display: none;
}

.rd-notice-position-left {
	margin-left: -20px;
}

.rd-notice-position-left:after {
	top: 50%;
	right: -5px;
	margin-top: -10px;
}

.rd-notice-position-right {
	margin-left: 20px;
}

.rd-notice-position-right:after {
	top: 50%;
	left: -6px;
	margin-top: -10px;
}

.rd-notice-position-top {
	margin-top: -20px;
	margin-bottom: 20px;
}

.rd-notice-position-top:after {
	bottom: -6px;
	left: 50%;
	margin-left: -10px;
}

.rd-notice-position-bottom {
	margin-top: 20px;
	margin-bottom: -20px;
}

.rd-notice-position-bottom:after {
	top: -6px;
	left: 50%;
	margin-left: -10px;
}

.rd-notice-type-default {
	background-color: #546e7a;
	-webkit-box-shadow: 0 5px 10px 0 rgba(36, 50, 56, .2);
	box-shadow: 0 5px 10px 0 rgba(36, 50, 56, .2);
}

.rd-notice-type-default .rd-notice-content {
	background-color: #546e7a;
}

.rd-notice-type-default:after {
	background-color: #546e7a;
	-webkit-box-shadow: 0 5px 10px 0 rgba(36, 50, 56, .2);
	box-shadow: 0 5px 10px 0 rgba(36, 50, 56, .2);
}

.rd-notice-type-error {
	background-color: #d84315;
	-webkit-box-shadow: 0 5px 10px 0 rgba(191, 54, 12, .2);
	box-shadow: 0 5px 10px 0 rgba(191, 54, 12, .2);
}

.rd-notice-type-error .rd-notice-content {
	background-color: #d84315;
}

.rd-notice-type-error:after {
	background-color: #d84315;
	-webkit-box-shadow: 0 5px 10px 0 rgba(191, 54, 12, .2);
	box-shadow: 0 5px 10px 0 rgba(191, 54, 12, .2);
}

.rd-notice-type-success {
	background-color: #1ab744;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 96, 35, .2);
	box-shadow: 0 5px 10px 0 rgba(0, 96, 35, .2);
}

.rd-notice-type-success .rd-notice-content {
	background-color: #1ab744;
}

.rd-notice-type-success:after {
	background-color: #1ab744;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 96, 35, .2);
	box-shadow: 0 5px 10px 0 rgba(0, 96, 35, .2);
}

.rd-notice-type-warning {
	background-color: #ff8f00;
	-webkit-box-shadow: 0 5px 10px 0 rgba(255, 111, 0, .2);
	box-shadow: 0 5px 10px 0 rgba(255, 111, 0, .2);
}

.rd-notice-type-warning .rd-notice-content {
	background-color: #ff8f00;
}

.rd-notice-type-warning:after {
	background-color: #ff8f00;
	-webkit-box-shadow: 0 5px 10px 0 rgba(255, 111, 0, .2);
	box-shadow: 0 5px 10px 0 rgba(255, 111, 0, .2);
}

.rd-notice-type-alert {
	background-color: #fff8e1;
}

.rd-notice-type-alert .rd-notice-content {
	background-color: #fff8e1;
}

.rd-notice .rd-close-icon,
.rd-notice .close {
	position: absolute;
	cursor: pointer;
}

.rd-notice .rd-close-icon::before,
.rd-notice .close::before {
	display: inline-block;
	margin-top: 1px;
	margin-left: 1px;
	font-family: 'tm-icomoon';
	font-size: 10px;
	font-weight: normal;
	content: '';
	transform: rotate(-2deg);
}

.rd-notice-tooltip.thumb-heart-tooltip.rd-notice-position-left {
	margin-top: 0;
}

.livechat-girl {
	position: fixed;
	z-index: 700;
	right: 40px;
	bottom: -100px;
	width: 60px;
	height: 60px;
	cursor: pointer;
	-webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1);
	transition: all 1s cubic-bezier(.86, 0, .07, 1);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	border-radius: 50%;
	-webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3);
	box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3);
	opacity: 0;
}

.livechat-girl:focus {
	outline: 0;
}

.livechat-girl.animated {
	-webkit-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	transform: translateY(-40px);
	opacity: 0;
}

.livechat-girl:after {
	position: absolute;
	z-index: 50;
	top: 1px;
	right: 1px;
	width: 12px;
	height: 12px;
	content: '';
	border-radius: 50%;
	background: #1cbb49;
}

.livechat-girl .girl {
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.livechat-girl .animated-circles .circle {
	position: absolute;
	z-index: 49;
	width: 60px;
	height: 60px;
	-webkit-transform: scale(1);
	transform: scale(1);
	border-radius: 50%;
	background: rgba(219, 0, 17, .25);
}

.livechat-girl .animated-circles.animated .c-1 {
	animation: 2000ms scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards;
}

.livechat-girl .animated-circles.animated .c-2 {
	animation: 2500ms scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards;
}

.livechat-girl .animated-circles.animated .c-3 {
	animation: 3000ms scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards;
}

.livechat-girl.animation-stopped .circle {
	opacity: 0 !important;
}

.livechat-girl .livechat-hint {
	position: absolute;
	z-index: 0;
	top: 50%;
	right: 40px;
	margin-top: -20px;
	-webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1);
	transition: all .3s cubic-bezier(.86, 0, .07, 1);
	opacity: 0;
}

.livechat-girl .livechat-hint.show_hint {
	-webkit-transform: translateX(-40px);
	transform: translateX(-40px);
	opacity: 1;
}

.livechat-girl .livechat-hint.hide_hint {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 0;
}

.addw1 {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.movew1 {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.addw2 {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.movew2 {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.addw3 {
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}

.movew3 {
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}

.add1 {
	-webkit-transform: scale(2) !important;
	-moz-transform: scale(2) !important;
	-ms-transform: scale(2) !important;
	transform: scale(2) !important;
	opacity: .2;
}

.move1 {
	-webkit-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	transform: scale(1) !important;
	opacity: 1;
}

.add2 {
	-webkit-transform: scale(2) !important;
	-moz-transform: scale(2) !important;
	-ms-transform: scale(2) !important;
	transform: scale(2) !important;
	opacity: .5;
}

.move2 {
	-webkit-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	transform: scale(1) !important;
	opacity: 1;
}

.add3 {
	-webkit-transform: scale(2) !important;
	-moz-transform: scale(2) !important;
	-ms-transform: scale(2) !important;
	transform: scale(2) !important;
	opacity: .8;
}

.move3 {
	-webkit-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	transform: scale(1) !important;
	opacity: 1;
}

.live-chat-swt {
	position: absolute;
	z-index: 99;
	bottom: -10px;
	display: inline;
	overflow: hidden;
	width: 1000px;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	white-space: normal;
	color: #fff;
	border: solid 1px #fff;
	background: #1cbb49;
	-webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3);
	box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3);
}

.live-chat-swt span {
	position: relative;
	font-size: 12px;
}

.not-online:after {
	content: '';
	background: #d0d0d0;
}

.not-online .live-chat-swt {
	color: #868686;
	background: #d0d0d0;
}

.not-online .rd-notice-type-success {
	background-color: #d0d0d0 !important;
}

.not-online .rd-notice-type-success:after {
	background-color: #d0d0d0 !important;
}

.not-online .rd-notice-tooltip .rd-notice-content {
	color: #868686 !important;
}

.not-online .rd-notice-type-success .rd-notice-content {
	background-color: #d0d0d0 !important;
}

.not-online .rd-notice-type-success {
	background-color: #d0d0d0;
	-webkit-box-shadow: 0 5px 10px 0 rgba(230, 230, 230, .2);
	box-shadow: 0 5px 10px 0 rgba(230, 230, 230, .2);
}

.not-online .animated-circles .circle {
	background: rgba(50, 50, 50, .25);
}

.swt-mobile {
	position: fixed;
	z-index: 999;
	bottom: 0;
	width: 100%;
}

.swt-mobile-body {
	background: #009ab2;
}

.swt-mobile-body a {
	display: inline-block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #fff;
}

.swt-mobile-body a img {
	display: inline-block;
	margin-top: -2px;
	margin-right: 8px;
}

#cookieBanner {
	background-color: #f4f4f4;
	color: #282828;
	font-size: 13px;
	padding: 12px;
	text-align: center;
	position: relative;
	z-index: 9999999;
	display: none;
}

#cookieBanner button {
	background-color: #009ab2;
	color: #fff;
	border: none;
	padding: 6px 16px;
	cursor: pointer;
	margin-left: 10px;
}

#cookieBanner a {
	color: #333;
	text-decoration: underline;
}